﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <style type="text/css">
        h4 
        {
            color : green;
            text-align : center;
        }
    </style>
</head>
<body>

<h4>An Unordered List:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

<h4>An Ordered List:</h4>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<h4>A nested List:</h4>
<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
    <li>Black tea</li>
    <li>Green tea
      <ul>
          <li>China</li>
          <li>Africa</li>
      </ul>
    </li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

<h4>A Definition List:</h4>
<dl>
  <dt>Coffee</dt>
  <dd>- Black hot drink</dd>
  <dd>- popluar in westen world</dd>
  <dt>Milk</dt>
  <dd>- White cold drink</dd>
  <dt>Tea</dt>
  <dd>- hot drink</dd>
  <dd>- popular in asian</dd>
</dl>

</body>
</html>
